form = layui.form

//获取信息，填充修改信息界面
axios.get('/my/userinfo').then((res) => {
  // console.log(res.data.data)


  //表单填充数据
  //formfilter 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
  form.val("formfilter", res.data.data); //吧data的值都赋给了form表单的对应选项了，重要的是要有name属性
});


//表单验证
form.verify({
  nickname: function (value, item) { //value：表单的值、item：表单的DOM对象
    //昵称长度
    if (value.length < 2 || value.length > 6) {
      // layer.msg('昵称长度2-6位')
      return '昵称长度2-6位'
    }
  }
});



$('#form').on('submit', function (e) {
  e.preventDefault()
  const data = $(this).serialize()
  console.log(data)
  axios.post('/my/userinfo', data).then(function (res) {
    console.log(res);
    if (res.data.status !== 0) {
      return layer.msg(res.data.message)
    }

    layer.msg(res.data.message)

    window.parent.getUser()

  })
})


$('#btnReset').on('click', function (e) {
  e.preventDefault() //阻止reset方法
  axios.get('/my/userinfo').then((res) => {
    // console.log(res.data.data)
    //表单填充数据
    //formfilter 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
    form.val("formfilter", res.data.data); //吧data的值都赋给了form表单的对应选项了，重要的是要有name属性
  });
})
